<script>
	estado_transaccion='<?php echo $estado_transaccion?>';
	estado_correcto='Se ha ingresado un nuevo proyecto de voluntariado éxitosamente.';
	estado_incorrecto='Error al ingresar los datos: No se pudo conectar al servidor. Por favor vuelva a intentarlo.';
</script>
<?php
if($band==1)
{
	extract($proy);
}
?>
<?php
if($band==1)
{
?>
	<form name="form_voluntario" method="post" action="<?php echo base_url()?>index.php/voluntario/modificar_voluntario" enctype="multipart/form-data" accept-charset="utf-8">
	<input type="hidden" name="id_proyecto" value="<?php echo $id_proyecto; ?>" />
    <input type="hidden" name="id_direccion" value="<?php echo $id_direccion; ?>" />
    <input type="hidden" name="id_constancia" value="<?php echo $id_constancia; ?>" />
<?php
}
else
{
?>
	<form name="form_voluntario" method="post" action="<?php echo base_url()?>index.php/voluntario/ingresar_voluntario" enctype="multipart/form-data" accept-charset="utf-8">
<?php
}
?>
    <div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Proyecto</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-2">
                    <span class="stepNumber">2<small>do</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Participantes</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-3">
                    <span class="stepNumber">3<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Dirección</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-4">
                    <span class="stepNumber">4<small>to</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Documento</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">
            <h2 class="StepTitle">Información del Proyecto</h2>
            <p>
                <label class="label_textarea">Título: </label>
                <textarea name="nombre" id="nombre" style="resize:none; width:400px" rows="3"><?php if($band==1) echo $nombre; ?></textarea>
            </p>
            <p>
                <label>Fecha Inicial: </label>
                <input type="text" name="inicioproyecto" id="inicioproyecto" value="<?php if($band==1) echo $inicioproyecto; ?>">
            </p>
            <p>
                <label>Fecha Final: </label>
                <input type="text" name="finproyecto" id="finproyecto" value="<?php if($band==1) echo $finproyecto; ?>">
            </p>
        </div>
        <div id="step-2">
        	<h2 class="StepTitle">Información de los participantes</h2>
            <p>
                <label style="width:350px">Presione click en la imagen para agregar un nuevo miembro</label>
                <a rel="leanModal" title="Ver Estudiantes" href="#ventana">
                <img src="<?php echo base_url(); ?>img/agregar.png" width="30px" />
                </a>
             	 <a rel="leanModal" href="#ventana" id="aux" ></a>
            </p>
           	<p>
            	<table align="center" class="table_design" cellpadding="0" cellspacing="0" style="width:70%">
                <thead>
                	<tr>
                    	<th>Nombre(s)</th>
                        <th>Apellido(s)</th>
                        <th width="75px">Opción</th>
                    </tr>
                </thead>
                <?php
                if($band==1)
				{
					foreach($info as $inf)
					{
						echo "<tr>";
						echo "<td>".$inf['nombres']."</td>";
						echo "<td>".$inf['apellidos']."</td>";
						echo "<td><input type='checkbox' name='chk[]' value='".$inf['id_persona']."'>Quitar</td>";
						echo "</tr>";
					}
				}
				?>
                <tbody id="content_table">
                </tbody>
                </table>
            </p>
        </div>
        <div id="step-3">
            <h2 class="StepTitle">Información del lugar</h2>
            <p>
                <label style="width:150px" class="label_textarea">Dirección: </label>
                <textarea name="detalle" style="resize:none; width:200px" id="detalle"><?php if($band==1) echo $detalle; ?></textarea>
            </p>
            <p>
                <label style="width:150px" class="label_textarea">Centro/Comunidad: </label>
                <textarea name="comunidad" style="width:200px;resize:none" id="comunidad"><?php if($band==1) echo $comunidad; ?></textarea>
            </p>
            <p>
                <label style="width:150px">Municipio: </label>
                <select class="select" style="width:300px" id="id_municipio" name="id_municipio" multiple='multiple'>
                <?php
                foreach($municipios_depto as $mun)
                {
					$selected='';
					if($band==1 && $id_municipio==$mun['id_municipio']) $selected='selected="selected"';
                	echo "<option value='".$mun['id_municipio']."' ".$selected." >".ucwords($mun['departamento']).", ".ucwords($mun['municipio'])."</option>";
                }
                ?>
                </select> 
            </p>
        </div>
        <div id="step-4">
            <h2 class="StepTitle">Subir Documento</h2>
            <p>
                <label>Documento (Opcional): </label>
                <input type="file" name="userfile" id="userfile" onchange="validate_fileupload(this.value)">
            </p>
        </div>    
    </div>
</form>
<div id="ventana" style="height:100px !important">
    <div id='signup-header'>
        <h2>Ingrese los datos correspondientes</h2>
        <a class="modal_close" id="cerrar"></a>
    </div>
    <br />
    <br />
    <form name="form_persona" method="post">
    <input type="hidden" id="accion" value="1" />
    <input type="hidden" id="id"  />
    <table align="center">
    	<tr>
        	<td>Nombre(s): </td>
            <td><input type="text" name="nombres_persona" id="nombres_persona" size="30" /></td>
        </tr>
        <tr>
        	<td>Apellido(s): </td>
            <td><input type="text" name="apellidos_persona" id="apellidos_persona" size="30"/></td>
        </tr>
    </table>
    <br />
    <p style="text-align: center;">
        <button type="button" class="boton_validador" id="agregar" >Agregar</button>
    </p>
    </form>
</div>
<script language="javascript"  src="<?php echo base_url()?>js/views/nuevo_proyecto.js" type="text/javascript">
</script>